<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.Audio-props"><img src="images/default/s.gif" class="item-icon icon-prop">Properties</a>&#13;<a class="inner-link" href="#Ext.Audio-methods"><img src="images/default/s.gif" class="item-icon icon-method">Methods</a>&#13;<a class="inner-link" href="#Ext.Audio-events"><img src="images/default/s.gif" class="item-icon icon-event">Events</a>&#13;<a class="inner-link" href="#Ext.Audio-configs"><img src="images/default/s.gif" class="item-icon icon-config">Config Options</a>&#13;<a class="bookmark" href="../docs/?class=Ext.Audio"><img src="images/default/s.gif" class="item-icon icon-fav">Direct Link</a>&#13;</div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a>
  <img src="resources/elbow-end.gif"><a href="output/Ext.lib.Component.html" ext:member="" ext:cls="Ext.lib.Component">Component</a>
    <img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a>
      <img src="resources/elbow-end.gif"><a href="output/Ext.lib.Container.html" ext:member="" ext:cls="Ext.lib.Container">Container</a>
        <img src="resources/elbow-end.gif"><a href="output/Ext.Container.html" ext:member="" ext:cls="Ext.Container">Container</a>
          <img src="resources/elbow-end.gif"><a href="output/Ext.Media.html" ext:member="" ext:cls="Ext.Media">Media</a>
            <img src="resources/elbow-end.gif">Audio</pre></div><h1>Class <a href="source/Audio.html#cls-Ext.Audio">Ext.Audio</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/Audio.html#cls-Ext.Audio">Audio.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/Audio.html#cls-Ext.Audio">Audio</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.Media.html" ext:cls="Ext.Media" ext:member="">Media</a></td></tr></table><div class="description"><p>Provides a simple container for HTML5 Audio.</p>
<p><i>Recommended types: Uncompressed WAV and AIF audio, MP3 audio, and AAC-LC or HE-AAC audio</i></p>
<h2>Useful Properties</h2>
<ul class="list">
<li><a href="output/Ext.Audio.html#Ext.Audio-url" ext:member="url" ext:cls="Ext.Audio">url</a></li>
<li><a href="output/Ext.Audio.html#Ext.Audio-autoPause" ext:member="autoPause" ext:cls="Ext.Audio">autoPause</a></li>
<li><a href="output/Ext.Audio.html#Ext.Audio-autoResume" ext:member="autoResume" ext:cls="Ext.Audio">autoResume</a></li>
</ul>
<h2>Useful Methods</h2>
<ul class="list">
<li><a href="output/Ext.Audio.html#Ext.Audio-pause" ext:member="pause" ext:cls="Ext.Audio">pause</a></li>
<li><a href="output/Ext.Audio.html#Ext.Audio-play" ext:member="play" ext:cls="Ext.Audio">play</a></li>
<li><a href="output/Ext.Audio.html#Ext.Audio-toggle" ext:member="toggle" ext:cls="Ext.Audio">toggle</a></li>
</ul>
<h2>Screenshot:</h2>
<p><img src="doc_resources/Ext.Audio/screenshot.png" /></p>
<h2>Example code:</h2>
<pre><code><b>var</b> pnl = <b>new</b> Ext.Panel({
    fullscreen: true,
    items: [
        {
            xtype: <em>'audio'</em>,
            url  : <em>"who-goingmobile.mp3"</em>
        }
    ]
});</code></pre></div><div class="hr"></div><a id="Ext.Audio-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-activeItem"></a><b><a href="source/Container1.html#cfg-Ext.lib.Container-activeItem">activeItem</a></b> : String/Number<div class="mdesc"><div class="short">A string component id or the numeric index of the component that should be initially activated within the
container's...</div><div class="long">A string component id or the numeric index of the component that should be initially activated within the
container's layout on render.  For example, activeItem: 'item-1' or activeItem: 0 (index 0 = the first
item in the container's collection).  activeItem only applies to layout styles that can display
items one at a time (like <a href="output/Ext.layout.CardLayout.html" ext:cls="Ext.layout.CardLayout">Ext.layout.CardLayout</a> and
<a href="output/Ext.layout.FitLayout.html" ext:cls="Ext.layout.FitLayout">Ext.layout.FitLayout</a>).  Related to <a href="output/Ext.layout.ContainerLayout.html#Ext.layout.ContainerLayout-activeItem" ext:member="activeItem" ext:cls="Ext.layout.ContainerLayout">Ext.layout.ContainerLayout.activeItem</a>.</div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#activeItem" ext:member="#activeItem" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-autoDestroy"></a><b><a href="source/Container1.html#cfg-Ext.lib.Container-autoDestroy">autoDestroy</a></b> : Boolean<div class="mdesc"><div class="short">If true the container will automatically destroy any contained component that is removed from it, else
destruction mu...</div><div class="long">If true the container will automatically destroy any contained component that is removed from it, else
destruction must be handled manually (defaults to true).</div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#autoDestroy" ext:member="#autoDestroy" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Media-autoPause"></a><b><a href="source/Media.html#cfg-Ext.Media-autoPause">autoPause</a></b> : Boolean<div class="mdesc">Will automatically pause the media when the container is deactivated.
(Defaults to true)</div></td><td class="msource"><a href="output/Ext.Media.html#autoPause" ext:member="#autoPause" ext:cls="Ext.Media">Media</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Media-autoResume"></a><b><a href="source/Media.html#cfg-Ext.Media-autoResume">autoResume</a></b> : Boolean<div class="mdesc">Will automatically start playing the media when the container is activated.
(Defaults to false)</div></td><td class="msource"><a href="output/Ext.Media.html#autoResume" ext:member="#autoResume" ext:cls="Ext.Media">Media</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-baseCls"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-baseCls">baseCls</a></b> : String<div class="mdesc"><div class="short">The base CSS class to apply to this components's element. This will also be prepended to
elements within this compone...</div><div class="long">The base CSS class to apply to this components's element. This will also be prepended to
elements within this component like Panel's body will get a class x-panel-body. This means
that if you create a subclass of Panel, and you want it to get all the Panels styling for the
element and the body, you leave the baseCls x-panel and use componentCls to add specific styling for this
component.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#baseCls" ext:member="#baseCls" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-border"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-border">border</a></b> : Number/String<div class="mdesc"><div class="short">Specifies the border for this component. The border can be a single numeric value to apply to all sides or
it can be ...</div><div class="long">Specifies the border for this component. The border can be a single numeric value to apply to all sides or
it can be a CSS style specification for each style, for example: '10 5 3 10'.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#border" ext:member="#border" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-bubbleEvents"></a><b><a href="source/Container1.html#cfg-Ext.lib.Container-bubbleEvents">bubbleEvents</a></b> : Array<div class="mdesc"><div class="short">An array of events that, when fired, should be bubbled to any parent container.
See Ext.util.Observable.enableBubble....</div><div class="long"><p>An array of events that, when fired, should be bubbled to any parent container.
See <a href="output/Ext.util.Observable.html#Ext.util.Observable-enableBubble" ext:member="enableBubble" ext:cls="Ext.util.Observable">Ext.util.Observable.enableBubble</a>.
Defaults to <code>[<em>'add'</em>, <em>'remove'</em>]</code>.</div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#bubbleEvents" ext:member="#bubbleEvents" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Container-cardSwitchAnimation"></a><b><a href="source/Container.html#cfg-Ext.Container-cardSwitchAnimation">cardSwitchAnimation</a></b> : String/Mixed<div class="mdesc"><div class="short">Animation to be used during transitions of cards. Note this only works when this container has a CardLayout.
Any vali...</div><div class="long">Animation to be used during transitions of cards. Note this only works when this container has a CardLayout.
Any valid value from Ext.anims can be used ('fade', 'slide', 'flip', 'cube', 'pop', 'wipe').
Defaults to <tt>null</tt>.</div></div></td><td class="msource"><a href="output/Ext.Container.html#cardSwitchAnimation" ext:member="#cardSwitchAnimation" ext:cls="Ext.Container">Container</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-centered"></a><b><a href="source/Component.html#cfg-Ext.Component-centered">centered</a></b> : Boolean<div class="mdesc">Center the Component. Defaults to false.</div></td><td class="msource"><a href="output/Ext.Component.html#centered" ext:member="#centered" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-cls"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-cls">cls</a></b> : String<div class="mdesc"><div class="short">An optional extra CSS class that will be added to this component's Element (defaults to '').  This can be
useful for ...</div><div class="long">An optional extra CSS class that will be added to this component's Element (defaults to '').  This can be
useful for adding customized styles to the component or any of its children using standard CSS rules.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#cls" ext:member="#cls" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-componentCls"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-componentCls">componentCls</a></b> : String<div class="mdesc">CSS Class to be added to a components root level element to give distinction to it
via styling.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#componentCls" ext:member="#componentCls" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-componentLayout"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-componentLayout">componentLayout</a></b> : String/Object<div class="mdesc"><div class="short">The sizing and positioning of the component Elements is the responsibility of
the Component's layout manager which cr...</div><div class="long"><br><p>The sizing and positioning of the component Elements is the responsibility of
the Component's layout manager which creates and manages the type of layout specific to the component.
<p>If the <a href="output/Ext.lib.Component.html#Ext.lib.Component-layout" ext:member="layout" ext:cls="Ext.lib.Component">layout</a> configuration is not explicitly specified for
a general purpose compopnent the
<a href="output/Ext.layout.AutoComponentLayout.html" ext:cls="Ext.layout.AutoComponentLayout">default layout manager</a> will be used.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#componentLayout" ext:member="#componentLayout" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-contentEl"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-contentEl">contentEl</a></b> : String<div class="mdesc"><div class="short">Optional. Specify an existing HTML element, or the id of an existing HTML element to use as the content
for this comp...</div><div class="long"><p>Optional. Specify an existing HTML element, or the <code>id</code> of an existing HTML element to use as the content
for this component.</p>
<ul>
<li><b>Description</b> :
<div class="sub-desc">This config option is used to take an existing HTML element and place it in the layout element
of a new component (it simply moves the specified DOM element <i>after the Component is rendered</i> to use as the content.</div></li>
<li><b>Notes</b> :
<div class="sub-desc">The specified HTML element is appended to the layout element of the component <i>after any configured
<a href="output/Ext.lib.Component.html#Ext.lib.Component-html" ext:member="html" ext:cls="Ext.lib.Component">HTML</a> has been inserted</i>, and so the document will not contain this element at the time the <a href="output/Ext.lib.Component.html#Ext.lib.Component-render" ext:member="render" ext:cls="Ext.lib.Component">render</a> event is fired.</div>
<div class="sub-desc">The specified HTML element used will not participate in any <code><b><a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a></b></code>
scheme that the Component may use. It is just HTML. Layouts operate on child <code><b><a href="output/Ext.Container.html#Ext.Container-items" ext:member="items" ext:cls="Ext.Container">items</a></b></code>.</div>
<div class="sub-desc">Add either the <code>x-hidden</code> or the <code>x-hide-display</code> CSS class to
prevent a brief flicker of the content before it is rendered to the panel.</div></li>
</ul></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#contentEl" ext:member="#contentEl" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-data"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-data">data</a></b> : Mixed<div class="mdesc">The initial set of data to apply to the <code><a href="output/Ext.lib.Component.html#Ext.lib.Component-tpl" ext:member="tpl" ext:cls="Ext.lib.Component">tpl</a></code> to
update the content area of the Component.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#data" ext:member="#data" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-defaultType"></a><b><a href="source/Container1.html#cfg-Ext.lib.Container-defaultType">defaultType</a></b> : String<div class="mdesc"><div class="short">The default xtype of child Components to create in this Container when
a child item is specified as a raw configurati...</div><div class="long"><p>The default <a href="output/Ext.Component.html" ext:cls="Ext.Component">xtype</a> of child Components to create in this Container when
a child item is specified as a raw configuration object, rather than as an instantiated Component.</p>
<p>Defaults to <code><em>'panel'</em></code>.</p></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#defaultType" ext:member="#defaultType" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-defaults"></a><b><a href="source/Container1.html#cfg-Ext.lib.Container-defaults">defaults</a></b> : Object|Function<div class="mdesc"><div class="short">This option is a means of applying default settings to all added items whether added through the items
config or via ...</div><div class="long"><p>This option is a means of applying default settings to all added items whether added through the <a href="output/Ext.lib.Container.html#Ext.lib.Container-items" ext:member="items" ext:cls="Ext.lib.Container">items</a>
config or via the <a href="output/Ext.lib.Container.html#Ext.lib.Container-add" ext:member="add" ext:cls="Ext.lib.Container">add</a> or <a href="output/Ext.lib.Container.html#Ext.lib.Container-insert" ext:member="insert" ext:cls="Ext.lib.Container">insert</a> methods.</p>
<p>If an added item is a config object, and <b>not</b> an instantiated Component, then the default properties are
unconditionally applied. If the added item <b>is</b> an instantiated Component, then the default properties are
applied conditionally so as not to override existing properties in the item.</p>
<p>If the defaults option is specified as a function, then the function will be called using this Container as the
scope (<code>this</code> reference) and passing the added item as the first parameter. Any resulting object
from that call is then applied to the item as default properties.</p>
<p>For example, to automatically apply padding to the body of each of a set of
contained <a href="output/Ext.Panel.html" ext:cls="Ext.Panel">Ext.Panel</a> items, you could pass: <code>defaults: {bodyStyle:<em>'padding:15px'</em>}</code>.</p>
<p>Usage:</p><pre><code>defaults: {               <i>// defaults are applied to items, not the container</i>
    autoScroll:true
},
items: [
    {
        xtype: <em>'panel'</em>,   <i>// defaults <b><b>do</b> not</b> have precedence over</i>
        id: <em>'panel1'</em>,     <i>// options <b>in</b> config objects, so the defaults</i>
        autoScroll: false <i>// will not be applied here, panel1 will be autoScroll:false</i>
    },
    <b>new</b> Ext.Panel({       <i>// defaults <b><b>do</b></b> have precedence over options</i>
        id: <em>'panel2'</em>,     <i>// options <b>in</b> components, so the defaults</i>
        autoScroll: false <i>// will be applied here, panel2 will be autoScroll:true.</i>
    })
]</code></pre></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#defaults" ext:member="#defaults" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-disabled"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-disabled">disabled</a></b> : Boolean<div class="mdesc">Defaults to false.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#disabled" ext:member="#disabled" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-disabledCls"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-disabledCls">disabledCls</a></b> : String<div class="mdesc">CSS class to add when the Component is disabled. Defaults to 'x-item-disabled'.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#disabledCls" ext:member="#disabledCls" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-draggable"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-draggable">draggable</a></b> : Boolean<div class="mdesc">Allows the component to be dragged via the touch event.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#draggable" ext:member="#draggable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Media-enableControls"></a><b><a href="source/Media.html#cfg-Ext.Media-enableControls">enableControls</a></b> : Boolean<div class="mdesc">Set this to false to turn off the native media controls 
(Defaults to true).</div></td><td class="msource"><a href="output/Ext.Media.html#enableControls" ext:member="#enableControls" ext:cls="Ext.Media">Media</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-floating"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-floating">floating</a></b> : Boolean<div class="mdesc">Create the Component as a floating and use absolute positioning.
Defaults to false.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#floating" ext:member="#floating" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-floatingCls"></a><b><a href="source/Component.html#cfg-Ext.Component-floatingCls">floatingCls</a></b> : Boolean<div class="mdesc">The class that is being added to this component when its floating.
(defaults to x-floating)</div></td><td class="msource"><a href="output/Ext.Component.html#floatingCls" ext:member="#floatingCls" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-height"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-height">height</a></b> : Number<div class="mdesc">The height of this component in pixels.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#height" ext:member="#height" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-hidden"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-hidden">hidden</a></b> : Boolean<div class="mdesc">Defaults to false.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#hidden" ext:member="#hidden" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-hideOnMaskTap"></a><b><a href="source/Component.html#cfg-Ext.Component-hideOnMaskTap">hideOnMaskTap</a></b> : Boolean<div class="mdesc"><div class="short">True to automatically bind a tap listener to the mask that hides the window.
Defaults to true. Note: if you set this ...</div><div class="long">True to automatically bind a tap listener to the mask that hides the window.
Defaults to true. Note: if you set this property to false you have to programmaticaly
hide the overlay.</div></div></td><td class="msource"><a href="output/Ext.Component.html#hideOnMaskTap" ext:member="#hideOnMaskTap" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-html"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-html">html</a></b> : String/Object<div class="mdesc"><div class="short">An HTML fragment, or a DomHelper specification to use as the layout element
content (defaults to ''). The HTML conten...</div><div class="long">An HTML fragment, or a <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> specification to use as the layout element
content (defaults to ''). The HTML content is added after the component is rendered,
so the document will not contain this HTML at the time the <a href="output/Ext.lib.Component.html#Ext.lib.Component-render" ext:member="render" ext:cls="Ext.lib.Component">render</a> event is fired.
This content is inserted into the body <i>before</i> any configured <a href="output/Ext.lib.Component.html#Ext.lib.Component-contentEl" ext:member="contentEl" ext:cls="Ext.lib.Component">contentEl</a> is appended.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#html" ext:member="#html" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-items"></a><b><a href="source/Container1.html#cfg-Ext.lib.Container-items">items</a></b> : Object/Array<div class="mdesc"><div class="short">** IMPORTANT: be sure to specify a layout if needed ! **
A single item, or an array of child Components to be added t...</div><div class="long"><pre><b>** IMPORTANT</b>: be sure to <b><a href="output/Ext.lib.Container.html#Ext.lib.Container-layout" ext:member="layout" ext:cls="Ext.lib.Container">specify a <code>layout</code></a> if needed ! **</b></pre>
<p>A single item, or an array of child Components to be added to this container,
for example:</p>
<pre><code><i>// specifying a single item</i>
items: {...},
layout: <em>'fit'</em>,    <i>// specify a layout!</i>

<i>// specifying multiple items</i>
items: [{...}, {...}],
layout: <em>'hbox'</em>, <i>// specify a layout!</i></code></pre>
<p>Each item may be:</p>
<div><ul class="mdetail-params">
<li>any type of object based on <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a></li>
<li>a fully instanciated object or</li>
<li>an object literal that:</li>
<div><ul class="mdetail-params">
<li>has a specified <code><a href="output/Ext.Component.html#Ext.Component-xtype" ext:member="xtype" ext:cls="Ext.Component">xtype</a></code></li>
<li>the <a href="output/Ext.Component.html#Ext.Component-xtype" ext:member="xtype" ext:cls="Ext.Component">Ext.Component.xtype</a> specified is associated with the Component
desired and should be chosen from one of the available xtypes as listed
in <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a>.</li>
<li>If an <code><a href="output/Ext.Component.html#Ext.Component-xtype" ext:member="xtype" ext:cls="Ext.Component">xtype</a></code> is not explicitly
specified, the <a href="output/Ext.lib.Container.html#Ext.lib.Container-defaultType" ext:member="defaultType" ext:cls="Ext.lib.Container">defaultType</a> for that Container is used.</li>
<li>will be "lazily instanciated", avoiding the overhead of constructing a fully
instanciated Component object</li>
</ul></div></ul></div>
<p><b>Notes</b>:</p>
<div><ul class="mdetail-params">
<li>Ext uses lazy rendering. Child Components will only be rendered
should it become necessary. Items are automatically laid out when they are first
shown (no sizing is done while hidden), or in response to a <a href="output/Ext.lib.Container.html#Ext.lib.Container-doLayout" ext:member="doLayout" ext:cls="Ext.lib.Container">doLayout</a> call.</li>
<li>Do not specify <code><a href="output/Ext.Panel.html#Ext.Panel-contentEl" ext:member="contentEl" ext:cls="Ext.Panel">contentEl</a></code>/
<code><a href="output/Ext.Panel.html#Ext.Panel-html" ext:member="html" ext:cls="Ext.Panel">html</a></code> with <code>items</code>.</li>
</ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#items" ext:member="#items" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-layout"></a><b><a href="source/Container1.html#cfg-Ext.lib.Container-layout">layout</a></b> : String/Object<div class="mdesc"><div class="short">*Important: In order for child items to be correctly sized and
positioned, typically a layout manager must be specifi...</div><div class="long"><p><b>*Important</b>: In order for child items to be correctly sized and
positioned, typically a layout manager <b>must</b> be specified through
the <code>layout</code> configuration option.</p>
<br><p>The sizing and positioning of child <a href="output/items.html" ext:cls="items">items</a> is the responsibility of
the Container's layout manager which creates and manages the type of layout
you have in mind.  For example:</p>
<p>If the <a href="output/Ext.lib.Container.html#Ext.lib.Container-layout" ext:member="layout" ext:cls="Ext.lib.Container">layout</a> configuration is not explicitly specified for
a general purpose container (e.g. Container or Panel) the
<a href="output/Ext.layout.AutoContainerLayout.html" ext:cls="Ext.layout.AutoContainerLayout">default layout manager</a> will be used
which does nothing but render child components sequentially into the
Container (no sizing or positioning will be performed in this situation).</p>
<br><p><b><code>layout</code></b> may be specified as either as an Object or
as a String:</p><div><ul class="mdetail-params">
<li><u>Specify as an Object</u></li>
<div><ul class="mdetail-params">
<li>Example usage:</li>
<pre><code>layout: {
    type: <em>'vbox'</em>,
    align: <em>'left'</em>
}</code></pre>
<li><code><b>type</b></code></li>
<br/><p>The layout type to be used for this container.  If not specified,
a default <a href="output/Ext.layout.ContainerLayout.html" ext:cls="Ext.layout.ContainerLayout">Ext.layout.ContainerLayout</a> will be created and used.</p>
<br/><p>Valid layout <code>type</code> values are:</p>
<div class="sub-desc"><ul class="mdetail-params">
<li><code><b><a href="output/Ext.layout.ContainerLayout.html" ext:cls="Ext.layout.ContainerLayout">auto</a></b></code> &nbsp;&nbsp;&nbsp; <b>Default</b></li>
<li><code><b><a href="output/Ext.layout.CardLayout.html" ext:cls="Ext.layout.CardLayout">card</a></b></code></li>
<li><code><b><a href="output/Ext.layout.FitLayout.html" ext:cls="Ext.layout.FitLayout">fit</a></b></code></li>
<li><code><b><a href="output/Ext.layout.HBoxLayout.html" ext:cls="Ext.layout.HBoxLayout">hbox</a></b></code></li>
<li><code><b><a href="output/Ext.layout.VBoxLayout.html" ext:cls="Ext.layout.VBoxLayout">vbox</a></b></code></li>
</ul></div>
<li>Layout specific configuration properties</li>
<br/><p>Additional layout specific configuration properties may also be
specified. For complete details regarding the valid config options for
each layout type, see the layout class corresponding to the <code>type</code>
specified.</p>
</ul></div>
<li><u>Specify as a String</u></li>
<div><ul class="mdetail-params">
<li>Example usage:</li>
<pre><code>layout: {
    type: <em>'vbox'</em>,
    padding: <em>'5'</em>,
    align: <em>'left'</em>
}</code></pre>
<li><code><b>layout</b></code></li>
<br/><p>The layout <code>type</code> to be used for this container (see list
of valid layout type values above).</p><br/>
<br/><p>Additional layout specific configuration properties. For complete
details regarding the valid config options for each layout type, see the
layout class corresponding to the <code>layout</code> specified.</p>
</ul></div></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#layout" ext:member="#layout" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-listeners"></a><b><a href="source/Observable.html#cfg-Ext.util.Observable-listeners">listeners</a></b> : Object<div class="mdesc"><div class="short">A config object containing one or more event handlers to be added to this
object during initialization.  This should ...</div><div class="long"><p>A config object containing one or more event handlers to be added to this
object during initialization.  This should be a valid listeners config object as specified in the
<a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> example for attaching multiple handlers at once.</p>
<br><p><b><u>DOM events from ExtJs <a href="output/Ext.Component.html" ext:cls="Ext.Component">Components</a></u></b></p>
<br><p>While <i>some</i> ExtJs Component classes export selected DOM events (e.g. "click", "mouseover" etc), this
is usually only done when extra value can be added. For example the <a href="output/Ext.DataView.html" ext:cls="Ext.DataView">DataView</a>'s
<b><code><a href="output/Ext.DataView.html#Ext.DataView-click" ext:member="click" ext:cls="Ext.DataView">click</a></code></b> event passing the node clicked on. To access DOM
events directly from a a child element of a Component, we need to specify this explicitly:
<pre><code><b>new</b> Ext.Panel({
    width: 400,
    height: 200,
    dockedItems: [{
        xtype: <em>'toolbar'</em>
    }],
    listeners: {
        click: {
            element: <em>'el'</em>, <i>//bind to the underlying el property on the panel</i>
            fn: <b>function</b>(){ console.log(<em>'click el'</em>); }
        },
        dblclick: {
            element: <em>'body'</em>, <i>//bind to the underlying body property on the panel</i>
            fn: <b>function</b>(){ console.log(<em>'dblclick body'</em>); }
        }
    }
});</code></pre>
</p></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#listeners" ext:member="#listeners" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-margin"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-margin">margin</a></b> : Number/String<div class="mdesc"><div class="short">Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or
it can be ...</div><div class="long">Specifies the margin for this component. The margin can be a single numeric value to apply to all sides or
it can be a CSS style specification for each style, for example: '10 5 3 10'.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#margin" ext:member="#margin" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-maxHeight"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-maxHeight">maxHeight</a></b> : Number<div class="mdesc"><div class="short">The maximum value in pixels which this Component will set its height to.
Warning: This will override any size managem...</div><div class="long"><p>The maximum value in pixels which this Component will set its height to.</p>
<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#maxHeight" ext:member="#maxHeight" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-maxWidth"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-maxWidth">maxWidth</a></b> : Number<div class="mdesc"><div class="short">The maximum value in pixels which this Component will set its width to.
Warning: This will override any size manageme...</div><div class="long"><p>The maximum value in pixels which this Component will set its width to.</p>
<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#maxWidth" ext:member="#maxWidth" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-minHeight"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-minHeight">minHeight</a></b> : Number<div class="mdesc"><div class="short">The minimum value in pixels which this Component will set its height to.
Warning: This will override any size managem...</div><div class="long"><p>The minimum value in pixels which this Component will set its height to.</p>
<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#minHeight" ext:member="#minHeight" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-minWidth"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-minWidth">minWidth</a></b> : Number<div class="mdesc"><div class="short">The minimum value in pixels which this Component will set its width to.
Warning: This will override any size manageme...</div><div class="long"><p>The minimum value in pixels which this Component will set its width to.</p>
<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#minWidth" ext:member="#minWidth" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-modal"></a><b><a href="source/Component.html#cfg-Ext.Component-modal">modal</a></b> : Boolean<div class="mdesc"><div class="short">True to make the Component modal and mask everything behind it when displayed, false to display it without
restrictin...</div><div class="long">True to make the Component modal and mask everything behind it when displayed, false to display it without
restricting access to other UI elements (defaults to false).</div></div></td><td class="msource"><a href="output/Ext.Component.html#modal" ext:member="#modal" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-monitorOrientation"></a><b><a href="source/Component.html#cfg-Ext.Component-monitorOrientation">monitorOrientation</a></b> : Boolean<div class="mdesc">Monitor Orientation change</div></td><td class="msource"><a href="output/Ext.Component.html#monitorOrientation" ext:member="#monitorOrientation" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-padding"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-padding">padding</a></b> : Number/String<div class="mdesc"><div class="short">Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or
it can b...</div><div class="long">Specifies the padding for this component. The padding can be a single numeric value to apply to all sides or
it can be a CSS style specification for each style, for example: '10 5 3 10'.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#padding" ext:member="#padding" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-plugins"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-plugins">plugins</a></b> : Object/Array<div class="mdesc"><div class="short">An object or array of objects that will provide custom functionality for this component.  The only
requirement for a ...</div><div class="long">An object or array of objects that will provide custom functionality for this component.  The only
requirement for a valid plugin is that it contain an init method that accepts a reference of type Ext.Component.
When a component is created, if any plugins are available, the component will call the init method on each
plugin, passing a reference to itself.  Each plugin can then call methods or respond to events on the
component as needed to provide its functionality.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#plugins" ext:member="#plugins" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Media-preload"></a><b><a href="source/Media.html#cfg-Ext.Media-preload">preload</a></b> : Boolean<div class="mdesc">Will begin preloading the media immediately.
(Defaults to true)</div></td><td class="msource"><a href="output/Ext.Media.html#preload" ext:member="#preload" ext:cls="Ext.Media">Media</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-renderTo"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-renderTo">renderTo</a></b> : Mixed<div class="mdesc"><div class="short">Specify the id of the element, a DOM element or an existing Element that this component
will be rendered into.
Notes ...</div><div class="long"><p>Specify the id of the element, a DOM element or an existing Element that this component
will be rendered into.</p><div><ul>
<li><b>Notes</b> : <ul>
<div class="sub-desc">Do <u>not</u> use this option if the Component is to be a child item of
a <a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a>. It is the responsibility of the
<a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a>'s <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout manager</a>
to render and manage its child items.</div>
<div class="sub-desc">When using this config, a call to render() is not required.</div>
</ul></li>
</ul></div>
<p>See <tt><a href="output/Ext.lib.Component.html#Ext.lib.Component-render" ext:member="render" ext:cls="Ext.lib.Component">render</a></tt> also.</p></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#renderTo" ext:member="#renderTo" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-renderTpl"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-renderTpl">renderTpl</a></b> : Mixed<div class="mdesc"><div class="short">An XTemplate used to create the Element which will
encapsulate this Component.
You do not normally need to specify th...</div><div class="long"><p>An <a href="output/Ext.XTemplate.html" ext:cls="Ext.XTemplate">XTemplate</a> used to create the <a href="output/Ext.lib.Component.html#Ext.lib.Component-getEl" ext:member="getEl" ext:cls="Ext.lib.Component">Element</a> which will
encapsulate this Component.</p>
<p>You do not normally need to specify this. For the base classes <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a>, <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a>,
and <a href="output/Ext.Container.html" ext:cls="Ext.Container">Ext.Container</a>, this defaults to <b><tt>'div'</tt></b>. The more complex Ext classes use a more complex
DOM structure.</p>
<p>This is intended to allow the developer to create application-specific utility Components encapsulated by
different DOM elements.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#renderTpl" ext:member="#renderTpl" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-scroll"></a><b><a href="source/Component.html#cfg-Ext.Component-scroll">scroll</a></b> : Mixed<div class="mdesc"><div class="short">Configure the component to be scrollable. Acceptable values are:

'horizontal', 'vertical', 'both' to enabling scroll...</div><div class="long">Configure the component to be scrollable. Acceptable values are:
<ul>
<li>'horizontal', 'vertical', 'both' to enabling scrolling for that direction.</li>
<li>A <a href="output/Ext.util.Scroller.html" ext:cls="Ext.util.Scroller">Scroller</a> configuration.</li>
<li>false to explicitly disable scrolling.</li>
</ul>
Enabling scrolling immediately sets the monitorOrientation config to true (for <a href="output/Ext.Panel.html" ext:cls="Ext.Panel">Panel</a>)</div></div></td><td class="msource"><a href="output/Ext.Component.html#scroll" ext:member="#scroll" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-showAnimation"></a><b><a href="source/Component.html#cfg-Ext.Component-showAnimation">showAnimation</a></b> : Object/String/Boolean<div class="mdesc"><div class="short">The type of animation you want to use when this component is shown. If you set this
this hide animation will automati...</div><div class="long">The type of animation you want to use when this component is shown. If you set this
this hide animation will automatically be the opposite.</div></div></td><td class="msource"><a href="output/Ext.Component.html#showAnimation" ext:member="#showAnimation" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-stopMaskTapEvent"></a><b><a href="source/Component.html#cfg-Ext.Component-stopMaskTapEvent">stopMaskTapEvent</a></b> : Boolean<div class="mdesc">True to stop the event that fires when you click outside the floating component.
Defalts to true.</div></td><td class="msource"><a href="output/Ext.Component.html#stopMaskTapEvent" ext:member="#stopMaskTapEvent" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-style"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-style">style</a></b> : String<div class="mdesc"><div class="short">A custom style specification to be applied to this component's Element.  Should be a valid argument to
Ext.Element.ap...</div><div class="long">A custom style specification to be applied to this component's Element.  Should be a valid argument to
<a href="output/Ext.Element.html#Ext.Element-applyStyles" ext:member="applyStyles" ext:cls="Ext.Element">Ext.Element.applyStyles</a>.
<pre><code><b>new</b> Ext.Panel({
            title: <em>'Some Title'</em>,
            renderTo: Ext.getBody(),
            width: 400, height: 300,
            layout: <em>'form'</em>,
            items: [{
                xtype: <em>'textareafield'</em>,
                style: {
                    width: <em>'95%'</em>,
                    marginBottom: <em>'10px'</em>
                }
            },
            <b>new</b> Ext.Button({
                text: <em>'Send'</em>,
                minWidth: <em>'100'</em>,
                style: {
                    marginBottom: <em>'10px'</em>
                }
            })
            ]
        });</code></pre></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#style" ext:member="#style" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-styleHtmlCls"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-styleHtmlCls">styleHtmlCls</a></b> : String<div class="mdesc">The class that is added to the content target when you set styleHtmlContent to true.
Defaults to 'x-html'</div></td><td class="msource"><a href="output/Ext.lib.Component.html#styleHtmlCls" ext:member="#styleHtmlCls" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-styleHtmlContent"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-styleHtmlContent">styleHtmlContent</a></b> : String<div class="mdesc"><div class="short">True to automatically style the html inside the content target of this component (body for panels).
Defaults to false...</div><div class="long">True to automatically style the html inside the content target of this component (body for panels).
Defaults to false.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#styleHtmlContent" ext:member="#styleHtmlContent" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-tpl"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-tpl">tpl</a></b> : Mixed<div class="mdesc"><div class="short">An Ext.Template, Ext.XTemplate
or an array of strings to form an Ext.XTemplate.
Used in conjunction with the data and...</div><div class="long">An <bold><a href="output/Ext.Template.html" ext:cls="Ext.Template">Ext.Template</a></bold>, <bold><a href="output/Ext.XTemplate.html" ext:cls="Ext.XTemplate">Ext.XTemplate</a></bold>
or an array of strings to form an Ext.XTemplate.
Used in conjunction with the <code><a href="output/Ext.lib.Component.html#Ext.lib.Component-data" ext:member="data" ext:cls="Ext.lib.Component">data</a></code> and
<code><a href="output/Ext.lib.Component.html#Ext.lib.Component-tplWriteMode" ext:member="tplWriteMode" ext:cls="Ext.lib.Component">tplWriteMode</a></code> configurations.</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#tpl" ext:member="#tpl" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-tplWriteMode"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-tplWriteMode">tplWriteMode</a></b> : String<div class="mdesc"><div class="short">The Ext.(X)Template method to use when
updating the content area of the Component. Defaults to 'overwrite'
(see Ext.X...</div><div class="long">The Ext.(X)Template method to use when
updating the content area of the Component. Defaults to <tt>'overwrite'</tt>
(see <code><a href="output/Ext.XTemplate.html#Ext.XTemplate-overwrite" ext:member="overwrite" ext:cls="Ext.XTemplate">Ext.XTemplate.overwrite</a></code>).</div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#tplWriteMode" ext:member="#tplWriteMode" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-ui"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-ui">ui</a></b> : String<div class="mdesc"><div class="short">A set of predefined ui styles for individual components.
Most components support 'light' and 'dark'.
Extra string add...</div><div class="long">A set of predefined ui styles for individual components.
Most components support 'light' and 'dark'.
Extra string added to the baseCls with an extra '-'.
<pre><code><b>new</b> Ext.Panel({
          title: <em>'Some Title'</em>,
          baseCls: <em>'x-component'</em>
          ui: <em>'green'</em>
      });</code></pre>
<p>The ui configuration in this example would add 'x-component-green' as an additional class.</p></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#ui" ext:member="#ui" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Audio-url"></a><b><a href="source/Audio.html#cfg-Ext.Audio-url">url</a></b> : String<div class="mdesc">Location of the audio to play.</div></td><td class="msource">Audio</td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-width"></a><b><a href="source/Component1.html#cfg-Ext.lib.Component-width">width</a></b> : Number<div class="mdesc">The width of this component in pixels.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#width" ext:member="#width" ext:cls="Ext.lib.Component">Component</a></td></tr></tbody></table><a id="Ext.Audio-props"></a><h2>Public Properties</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Property</th><th class="msource-header">Defined By</th></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-draggable"></a><b><a href="source/Component1.html#prop-Ext.lib.Component-draggable">draggable</a></b> : Boolean<div class="mdesc">Read-only property indicating whether or not the component can be dragged</div></td><td class="msource"><a href="output/Ext.lib.Component.html#draggable" ext:member="#draggable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-items"></a><b><a href="source/Container1.html#prop-Ext.lib.Container-items">items</a></b> : Ext.util.MixedCollection<div class="mdesc">The MixedCollection containing all the child items of this container.</div></td><td class="msource"><a href="output/Ext.lib.Container.html#items" ext:member="#items" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Media-media"></a><b><a href="source/Media.html#prop-Ext.Media-media">media</a></b> : Ext.Element<div class="mdesc">A reference to the underlying audio/video element.</div></td><td class="msource"><a href="output/Ext.Media.html#media" ext:member="#media" ext:cls="Ext.Media">Media</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-rendered"></a><b><a href="source/Component1.html#prop-Ext.lib.Component-rendered">rendered</a></b> : Boolean<div class="mdesc">Read-only property indicating whether or not the component has been rendered.</div></td><td class="msource"><a href="output/Ext.lib.Component.html#rendered" ext:member="#rendered" ext:cls="Ext.lib.Component">Component</a></td></tr></tbody></table><a id="Ext.Audio-methods"></a><h2>Public Methods</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Method</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Audio-"></a><b><a href="source/Audio.html#method-Ext.Audio-"></a></b>(&nbsp;<code>Object&nbsp;config</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc">Create a new Audio container.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">Audio</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Media-"></a><b><a href="source/Media.html#method-Ext.Media-"></a></b>(&nbsp;<code>Object&nbsp;config</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc">Create a new Media component.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Media.html#" ext:member="#" ext:cls="Ext.Media">Media</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-add"></a><b><a href="source/Container1.html#method-Ext.lib.Container-add">add</a></b>(&nbsp;<code>...Object/Array&nbsp;component</code>&nbsp;)
    :
                                        Ext.Component/Array<div class="mdesc"><div class="short">Adds Component(s) to this Container.
Description :
&lt;ul class="mdetail-params"&gt;
Fires the beforeadd event before addin...</div><div class="long"><p>Adds <a href="output/Ext.Component.html" ext:cls="Ext.Component">Component</a>(s) to this Container.</p>
<br><p><b>Description</b></u> :
<div><ul class="mdetail-params">
<li>Fires the <a href="output/Ext.lib.Container.html#Ext.lib.Container-beforeadd" ext:member="beforeadd" ext:cls="Ext.lib.Container">beforeadd</a> event before adding</li>
<li>The Container's <a href="output/Ext.lib.Container.html#Ext.lib.Container-defaults" ext:member="defaults" ext:cls="Ext.lib.Container">default config values</a> will be applied
accordingly (see <code><a href="output/Ext.lib.Container.html#Ext.lib.Container-defaults" ext:member="defaults" ext:cls="Ext.lib.Container">defaults</a></code> for details).</li>
<li>Fires the <a href="output/Ext.lib.Container.html#Ext.lib.Container-add" ext:member="add" ext:cls="Ext.lib.Container">add</a> event after the component has been added.</li>
</ul></div>
<br><p><b>Notes</b></u> :
<div><ul class="mdetail-params">
<li>If the Container is <i>already rendered</i> when <code>add</code>
is called, you may need to call <a href="output/Ext.lib.Container.html#Ext.lib.Container-doLayout" ext:member="doLayout" ext:cls="Ext.lib.Container">doLayout</a> to refresh the view which causes
any unrendered child Components to be rendered. This is required so that you can
<code>add</code> multiple child components if needed while only refreshing the layout
once. For example:<pre><code><b>var</b> tb = <b>new</b> <a href="output/Ext.Toolbar.html" ext:cls="Ext.Toolbar">Ext.Toolbar</a>();
tb.render(document.body);  <i>// toolbar is rendered</i>
tb.add({text:<em>'Button 1'</em>}); <i>// add multiple items (<a href="output/Ext.lib.Container.html#Ext.lib.Container-defaultType" ext:member="defaultType" ext:cls="Ext.lib.Container">defaultType</a> <b>for</b> <a href="output/Ext.Toolbar.html" ext:cls="Ext.Toolbar">Toolbar</a> is <em>'button'</em>)</i>
tb.add({text:<em>'Button 2'</em>});
tb.<a href="output/Ext.lib.Container.html#Ext.lib.Container-doLayout" ext:member="doLayout" ext:cls="Ext.lib.Container">doLayout</a>();             <i>// refresh the layout</i></code></pre></li>
<li><i>Warning:</i> Containers directly managed by the BorderLayout layout manager
may not be removed or added.  See the Notes for <a href="output/Ext.layout.BorderLayout.html" ext:cls="Ext.layout.BorderLayout">BorderLayout</a>
for more details.</li>
</ul></div><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>component</code> : ...Object/Array<div class="sub-desc"><p>Either one or more Components to add or an Array of Components to add.  See
<code><a href="output/Ext.lib.Container.html#Ext.lib.Container-items" ext:member="items" ext:cls="Ext.lib.Container">items</a></code> for additional information.</p></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component/Array</code><div class="sub-desc">The Components that were added.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#add" ext:member="#add" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-addCls"></a><b><a href="source/Component1.html#method-Ext.lib.Component-addCls">addCls</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Adds a CSS class to the top level element representing this component.</div><div class="long">Adds a CSS class to the top level element representing this component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#addCls" ext:member="#addCls" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-addEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addEvents">addEvents</a></b>(&nbsp;<code>Object|String&nbsp;o</code>,&nbsp;<code>string&nbsp;Optional.</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Adds the specified events to the list of events which this Observable may fire.</div><div class="long">Adds the specified events to the list of events which this Observable may fire.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>o</code> : Object|String<div class="sub-desc">Either an object with event names as properties with a value of <code>true</code>
or the first event name string if multiple event names are being passed as separate parameters.</div></li><li><code>Optional.</code> : string<div class="sub-desc">Event name if multiple event names are being passed as separate parameters.
Usage:<pre><code>this.addEvents(<em>'storeloaded'</em>, <em>'storecleared'</em>);</code></pre></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#addEvents" ext:member="#addEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-addListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addListener">addListener</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;options</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Appends an event handler to this object.</div><div class="long">Appends an event handler to this object.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to listen for.</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes.</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
<b>If omitted, defaults to the object which fired the event.</b></div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration.
properties. This may contain any of the following properties:<ul>
<li><b>scope</b> : Object<div class="sub-desc">The scope (<code><b>this</b></code> reference) in which the handler function is executed.
<b>If omitted, defaults to the object which fired the event.</b></div></li>
<li><b>delay</b> : Number<div class="sub-desc">The number of milliseconds to delay the invocation of the handler after the event fires.</div></li>
<li><b>single</b> : Boolean<div class="sub-desc">True to add a handler to handle just the next firing of the event, and then remove itself.</div></li>
<li><b>buffer</b> : Number<div class="sub-desc">Causes the handler to be scheduled to run in an <a href="output/Ext.util.DelayedTask.html" ext:cls="Ext.util.DelayedTask">Ext.util.DelayedTask</a> delayed
by the specified number of milliseconds. If the event fires again within that time, the original
handler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>
<li><b>target</b> : Observable<div class="sub-desc">Only call the handler if the event was fired on the target Observable, <i>not</i>
if the event was bubbled up from a child Observable.</div></li>
<li><b>element</b> : String<div class="sub-desc">The element reference on the component to bind the event to. This is used to bind DOM events to underlying elements on <a href="output/Ext.Component.html" ext:cls="Ext.Component">Components</a>. - This option is only valid for listeners bound to <a href="output/Ext.Component.html" ext:cls="Ext.Component">Components</a></div></li>
</ul><br>
<p>
<b>Combining Options</b><br>
Using the options argument, it is possible to combine different types of listeners:<br>
<br>
A delayed, one-time listener.
<pre><code>myPanel.on(<em>'hide'</em>, this.onClick, this, {
single: true,
delay: 100
});</code></pre>
<p>
<b>Attaching multiple handlers in 1 call</b><br>
The method also allows for a single argument to be passed which is a config object containing properties
which specify multiple handlers.
<p></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#addListener" ext:member="#addListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-addManagedListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addManagedListener">addManagedListener</a></b>(&nbsp;<code>Observable|Element&nbsp;item</code>,&nbsp;<code>Object|String&nbsp;ename</code>,&nbsp;<code>Function&nbsp;fn</code>,&nbsp;<code>Object&nbsp;scope</code>,&nbsp;<code>Object&nbsp;opt</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Adds listeners to any Observable object (or Element) which are automatically removed when this Component
is destroyed...</div><div class="long"><p>Adds listeners to any Observable object (or Element) which are automatically removed when this Component
is destroyed.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>item</code> : Observable|Element<div class="sub-desc">The item to which to add a listener/listeners.</div></li><li><code>ename</code> : Object|String<div class="sub-desc">The event name, or an object containing event name properties.</div></li><li><code>fn</code> : Function<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
is the handler function.</div></li><li><code>scope</code> : Object<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
is the scope (<code>this</code> reference) in which the handler function is executed.</div></li><li><code>opt</code> : Object<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
is the <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> options.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#addManagedListener" ext:member="#addManagedListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-child"></a><b><a href="source/Container1.html#method-Ext.lib.Container-child">child</a></b>(&nbsp;<code>String&nbsp;selector</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Retrieves the first direct child of this container which matches the passed selector.
The passed in selector must com...</div><div class="long">Retrieves the first direct child of this container which matches the passed selector.
The passed in selector must comply with an Ext.ComponentQuery selector.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selector</code> : String<div class="sub-desc">An Ext.ComponentQuery selector</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#child" ext:member="#child" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-clearListeners"></a><b><a href="source/Observable.html#method-Ext.util.Observable-clearListeners">clearListeners</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Removes all listeners for this object including the managed listeners</div><div class="long">Removes all listeners for this object including the managed listeners<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#clearListeners" ext:member="#clearListeners" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-clearManagedListeners"></a><b><a href="source/Observable.html#method-Ext.util.Observable-clearManagedListeners">clearManagedListeners</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Removes all managed listeners for this object.</div><div class="long">Removes all managed listeners for this object.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#clearManagedListeners" ext:member="#clearManagedListeners" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-destroy"></a><b><a href="source/Component1.html#method-Ext.lib.Component-destroy">destroy</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Destroys the Component.</div><div class="long">Destroys the Component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#destroy" ext:member="#destroy" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Container-disable"></a><b><a href="source/Container.html#method-Ext.Container-disable">disable</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Disable this container by masking out</div><div class="long">Disable this container by masking out<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#disable" ext:member="#disable" ext:cls="Ext.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-doComponentLayout"></a><b><a href="source/Component1.html#method-Ext.lib.Component-doComponentLayout">doComponentLayout</a></b>()
    :
                                        Ext.Container<div class="mdesc"><div class="short">This method needs to be called whenever you change something on this component that requires the components
layout to...</div><div class="long">This method needs to be called whenever you change something on this component that requires the components
layout to be recalculated. An example is adding, showing or hiding a docked item to a Panel, or changing the
label of a form field. After a component layout, the container layout will automatically be run. So you could
be on the safe side and always call doComponentLayout instead of doLayout.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#doComponentLayout" ext:member="#doComponentLayout" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-doLayout"></a><b><a href="source/Container1.html#method-Ext.lib.Container-doLayout">doLayout</a></b>()
    :
                                        Ext.Container<div class="mdesc"><div class="short">Force this container's layout to be recalculated. A call to this function is required after adding a new component
to...</div><div class="long">Force this container's layout to be recalculated. A call to this function is required after adding a new component
to an already rendered container, or possibly after changing sizing/position properties of child components.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#doLayout" ext:member="#doLayout" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-down"></a><b><a href="source/Container1.html#method-Ext.lib.Container-down">down</a></b>(&nbsp;<code>String&nbsp;selector</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Retrieves the first descendant of this container which matches the passed selector.
The passed in selector must compl...</div><div class="long">Retrieves the first descendant of this container which matches the passed selector.
The passed in selector must comply with an Ext.ComponentQuery selector.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selector</code> : String<div class="sub-desc">An Ext.ComponentQuery selector</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#down" ext:member="#down" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Container-enable"></a><b><a href="source/Container.html#method-Ext.Container-enable">enable</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Enable this container by removing mask</div><div class="long">Enable this container by removing mask<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#enable" ext:member="#enable" ext:cls="Ext.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-enableBubble"></a><b><a href="source/Observable.html#method-Ext.util.Observable-enableBubble">enableBubble</a></b>(&nbsp;<code>String/Array&nbsp;events</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Enables events fired by this Observable to bubble up an owner hierarchy by calling
this.getBubbleTarget() if present....</div><div class="long"><p>Enables events fired by this Observable to bubble up an owner hierarchy by calling
<code>this.getBubbleTarget()</code> if present. There is no implementation in the Observable base class.</p>
<p>This is commonly used by Ext.Components to bubble events to owner Containers. See <a href="output/Ext.Component.getBubbleTarget.html" ext:cls="Ext.Component.getBubbleTarget">Ext.Component.getBubbleTarget</a>. The default
implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to
access the required target more quickly.</p>
<p>Example:</p><pre><code>Ext.override(Ext.form.Field, {
<i>//  Add functionality to Field&#39;s initComponent to enable the change event to bubble</i>
initComponent : Ext.createSequence(Ext.form.Field.prototype.initComponent, <b>function</b>() {
    this.enableBubble(<em>'change'</em>);
}),

<i>//  We know that we want Field&#39;s events to bubble directly to the FormPanel.</i>
getBubbleTarget : <b>function</b>() {
    <b>if</b> (!this.formPanel) {
        this.formPanel = this.findParentByType(<em>'form'</em>);
    }
    <b>return</b> this.formPanel;
}
});

<b>var</b> myForm = <b>new</b> Ext.formPanel({
title: <em>'User Details'</em>,
items: [{
    ...
}],
listeners: {
    change: <b>function</b>() {
        <i>// Title goes red <b>if</b> form has been modified.</i>
        myForm.header.setStyle(<em>'color'</em>, <em>'red'</em>);
    }
}
});</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>events</code> : String/Array<div class="sub-desc">The event name to bubble, or an Array of event names.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#enableBubble" ext:member="#enableBubble" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-fireEvent"></a><b><a href="source/Observable.html#method-Ext.util.Observable-fireEvent">fireEvent</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Object...&nbsp;args</code>&nbsp;)
    :
                                        Boolean<div class="mdesc"><div class="short">Fires the specified event with the passed parameters (minus the event name).
An event may be set to bubble up an Obse...</div><div class="long"><p>Fires the specified event with the passed parameters (minus the event name).</p>
<p>An event may be set to bubble up an Observable parent hierarchy (See <a href="output/Ext.Component.html#Ext.Component-getBubbleTarget" ext:member="getBubbleTarget" ext:cls="Ext.Component">Ext.Component.getBubbleTarget</a>)
by calling <a href="output/Ext.util.Observable.html#Ext.util.Observable-enableBubble" ext:member="enableBubble" ext:cls="Ext.util.Observable">enableBubble</a>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to fire.</div></li><li><code>args</code> : Object...<div class="sub-desc">Variable number of parameters are passed to handlers.</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">returns false if any of the handlers return false otherwise it returns true.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#fireEvent" ext:member="#fireEvent" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Container-getActiveItem"></a><b><a href="source/Container.html#method-Ext.Container-getActiveItem">getActiveItem</a></b>()
    :
                                        activeItem<div class="mdesc"><div class="short">Returns the current activeItem for the layout (only for a card layout)</div><div class="long">Returns the current activeItem for the layout (only for a card layout)<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>activeItem</code><div class="sub-desc">activeItem Current active component</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#getActiveItem" ext:member="#getActiveItem" ext:cls="Ext.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getBubbleTarget"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getBubbleTarget">getBubbleTarget</a></b>()
    :
                                        Ext.Container<div class="mdesc"><div class="short">Provides the link for Observable's fireEvent method to bubble up the ownership hierarchy.</div><div class="long">Provides the link for Observable's fireEvent method to bubble up the ownership hierarchy.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">the Container which owns this Component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getBubbleTarget" ext:member="#getBubbleTarget" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-getComponent"></a><b><a href="source/Container1.html#method-Ext.lib.Container-getComponent">getComponent</a></b>(&nbsp;<code>String/Number&nbsp;comp</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Examines this container's items property
and gets a direct child component of this container.</div><div class="long">Examines this container's <code><a href="output/Ext.lib.Container.html#Ext.lib.Container-items" ext:member="items" ext:cls="Ext.lib.Container">items</a></code> <b>property</b>
and gets a direct child component of this container.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>comp</code> : String/Number<div class="sub-desc">This parameter may be any of the following:
<div><ul class="mdetail-params">
<li>a <b><code>String</code></b> : representing the <code><a href="output/Ext.Component.html#Ext.Component-itemId" ext:member="itemId" ext:cls="Ext.Component">itemId</a></code>
or <code><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></code> of the child component </li>
<li>a <b><code>Number</code></b> : representing the position of the child component
within the <code><a href="output/Ext.lib.Container.html#Ext.lib.Container-items" ext:member="items" ext:cls="Ext.lib.Container">items</a></code> <b>property</b></li>
</ul></div>
<p>For additional information see <a href="output/Ext.util.MixedCollection.html#Ext.util.MixedCollection-get" ext:member="get" ext:cls="Ext.util.MixedCollection">Ext.util.MixedCollection.get</a>.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">The component (if found).</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#getComponent" ext:member="#getComponent" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getEl"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getEl">getEl</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Retrieves the top level element representing this component.</div><div class="long">Retrieves the top level element representing this component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getEl" ext:member="#getEl" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getHeight"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getHeight">getHeight</a></b>()
    :
                                        Number<div class="mdesc"><div class="short">Gets the current height of the component's underlying element.</div><div class="long">Gets the current height of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getHeight" ext:member="#getHeight" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getId"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getId">getId</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Retrieves the id of this component.
Will autogenerate an id if one has not already been set.</div><div class="long">Retrieves the id of this component.
Will autogenerate an id if one has not already been set.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getId" ext:member="#getId" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getInsertPosition"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getInsertPosition">getInsertPosition</a></b>(&nbsp;<code>String/Number/Element/HTMLElement&nbsp;position</code>&nbsp;)
    :
                                        HTMLElement<div class="mdesc"><div class="short">This function takes the position argument passed to onRender and returns a
DOM element that you can use in the insert...</div><div class="long">This function takes the position argument passed to onRender and returns a
DOM element that you can use in the insertBefore.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>position</code> : String/Number/Element/HTMLElement<div class="sub-desc">Index, element id or element you want
to put this component before.</div></li></ul><strong>Returns:</strong><ul><li><code>HTMLElement</code><div class="sub-desc">DOM element that you can use in the insertBefore</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getInsertPosition" ext:member="#getInsertPosition" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-getLayout"></a><b><a href="source/Container1.html#method-Ext.lib.Container-getLayout">getLayout</a></b>()
    :
                                        Ext.layout.ContainerLayout<div class="mdesc"><div class="short">Returns the layout instance currently associated with this Container.
If a layout has not been instantiated yet, that...</div><div class="long">Returns the <a href="output/Ext.layout.ContainerLayout.html" ext:cls="Ext.layout.ContainerLayout">layout</a> instance currently associated with this Container.
If a layout has not been instantiated yet, that is done first<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.layout.ContainerLayout</code><div class="sub-desc">The layout</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#getLayout" ext:member="#getLayout" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getSize"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getSize">getSize</a></b>()
    :
                                        Object<div class="mdesc"><div class="short">Gets the current size of the component's underlying element.</div><div class="long">Gets the current size of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">An object containing the element's size {width: (element width), height: (element height)}</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getSize" ext:member="#getSize" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getWidth"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getWidth">getWidth</a></b>()
    :
                                        Number<div class="mdesc"><div class="short">Gets the current width of the component's underlying element.</div><div class="long">Gets the current width of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getWidth" ext:member="#getWidth" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-getXTypes"></a><b><a href="source/Component1.html#method-Ext.lib.Component-getXTypes">getXTypes</a></b>()
    :
                                        String<div class="mdesc"><div class="short">Returns this Component's xtype hierarchy as a slash-delimited string. For a list of all
available xtypes, see the Ext...</div><div class="long"><p>Returns this Component's xtype hierarchy as a slash-delimited string. For a list of all
available xtypes, see the <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a> header.</p>
<p><b>If using your own subclasses, be aware that a Component must register its own xtype
to participate in determination of inherited xtypes.</b></p>
<p>Example usage:</p>
<pre><code><b>var</b> t = <b>new</b> Ext.form.Text();
alert(t.getXTypes());  <i>// alerts <em>'component/field/textfield'</em></i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc">The xtype hierarchy string</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#getXTypes" ext:member="#getXTypes" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-hasListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-hasListener">hasListener</a></b>(&nbsp;<code>String&nbsp;eventName</code>&nbsp;)
    :
                                        Boolean<div class="mdesc"><div class="short">Checks to see if this object has any listeners for a specified event</div><div class="long">Checks to see if this object has any listeners for a specified event<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to check for</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if the event is being listened for, else false</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#hasListener" ext:member="#hasListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-hide"></a><b><a href="source/Component.html#method-Ext.Component-hide">hide</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Object/String/Boolean&nbsp;animation</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Hide the component</div><div class="long">Hide the component<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>animation</code> : Object/String/Boolean<div class="sub-desc">(optional) Defaults to false.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#hide" ext:member="#hide" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-insert"></a><b><a href="source/Container1.html#method-Ext.lib.Container-insert">insert</a></b>(&nbsp;<code>Number&nbsp;index</code>,&nbsp;<code>Ext.Component&nbsp;component</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Inserts a Component into this Container at a specified index. Fires the
beforeadd event before inserting, then fires ...</div><div class="long">Inserts a Component into this Container at a specified index. Fires the
<a href="output/Ext.lib.Container.html#Ext.lib.Container-beforeadd" ext:member="beforeadd" ext:cls="Ext.lib.Container">beforeadd</a> event before inserting, then fires the <a href="output/Ext.lib.Container.html#Ext.lib.Container-add" ext:member="add" ext:cls="Ext.lib.Container">add</a> event after the
Component has been inserted.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>index</code> : Number<div class="sub-desc">The index at which the Component will be inserted
into the Container's items collection</div></li><li><code>component</code> : Ext.Component<div class="sub-desc">The child Component to insert.<br><br>
Ext uses lazy rendering, and will only render the inserted Component should
it become necessary.<br><br>
A Component config object may be passed in order to avoid the overhead of
constructing a real Component object if lazy rendering might mean that the
inserted Component will not be rendered immediately. To take advantage of
this 'lazy instantiation', set the <a href="output/Ext.Component.html#Ext.Component-xtype" ext:member="xtype" ext:cls="Ext.Component">Ext.Component.xtype</a> config
property to the registered type of the Component wanted.<br><br>
For a list of all available xtypes, see <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a>.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">component The Component (or config object) that was
inserted with the Container's default config values applied.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#insert" ext:member="#insert" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isDisabled"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isDisabled">isDisabled</a></b>()
    :
                                        Boolean<div class="mdesc"><div class="short">Method to determine whether this Component is currently disabled.</div><div class="long">Method to determine whether this Component is currently disabled.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">the disabled state of this Component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isDisabled" ext:member="#isDisabled" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isDraggable"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isDraggable">isDraggable</a></b>()
    :
                                        Boolean<div class="mdesc"><div class="short">Method to determine whether this Component is draggable.</div><div class="long">Method to determine whether this Component is draggable.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">the draggable state of this component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isDraggable" ext:member="#isDraggable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isDroppable"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isDroppable">isDroppable</a></b>()
    :
                                        Boolean<div class="mdesc"><div class="short">Method to determine whether this Component is droppable.</div><div class="long">Method to determine whether this Component is droppable.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">the droppable state of this component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isDroppable" ext:member="#isDroppable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isFloating"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isFloating">isFloating</a></b>()
    :
                                        Boolean<div class="mdesc"><div class="short">Method to determine whether this Component is floating.</div><div class="long">Method to determine whether this Component is floating.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">the floating state of this component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isFloating" ext:member="#isFloating" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isHidden"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isHidden">isHidden</a></b>()
    :
                                        Boolean<div class="mdesc"><div class="short">Method to determine whether this Component is currently set to hidden.</div><div class="long">Method to determine whether this Component is currently set to hidden.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">the hidden state of this Component.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isHidden" ext:member="#isHidden" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isVisible"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isVisible">isVisible</a></b>()
    :
                                        Boolean<div class="mdesc"><div class="short">Returns true if this component is visible.</div><div class="long">Returns true if this component is visible.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this component is visible, false otherwise.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isVisible" ext:member="#isVisible" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-isXType"></a><b><a href="source/Component1.html#method-Ext.lib.Component-isXType">isXType</a></b>(&nbsp;<code>String&nbsp;xtype</code>,&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;shallow</code>]</span>&nbsp;)
    :
                                        Boolean<div class="mdesc"><div class="short">Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended
from th...</div><div class="long"><p>Tests whether or not this Component is of a specific xtype. This can test whether this Component is descended
from the xtype (default) or whether it is directly of the xtype specified (shallow = true).</p>
<p><b>If using your own subclasses, be aware that a Component must register its own xtype
to participate in determination of inherited xtypes.</b></p>
<p>For a list of all available xtypes, see the <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a> header.</p>
<p>Example usage:</p>
<pre><code><b>var</b> t = <b>new</b> Ext.form.Text();
<b>var</b> isText = t.isXType(<em>'textfield'</em>);        <i>// true</i>
<b>var</b> isBoxSubclass = t.isXType(<em>'field'</em>);       <i>// true, descended from Ext.form.Field</i>
<b>var</b> isBoxInstance = t.isXType(<em>'field'</em>, true); <i>// false, not a direct Ext.form.Field instance</i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xtype</code> : String<div class="sub-desc">The xtype to check for this Component</div></li><li><code>shallow</code> : Boolean<div class="sub-desc">(optional) False to check whether this Component is descended from the xtype (this is
the default), or true to check whether this Component is directly of the specified xtype.</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this component descends from the specified xtype, false otherwise.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#isXType" ext:member="#isXType" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-on"></a><b><a href="source/Observable.html#method-Ext.util.Observable-on">on</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;options</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Appends an event handler to this object (shorthand for addListener.)</div><div class="long">Appends an event handler to this object (shorthand for <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a>.)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
<b>If omitted, defaults to the object which fired the event.</b></div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#on" ext:member="#on" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Media-pause"></a><b><a href="source/Media.html#method-Ext.Media-pause">pause</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Pauses media playback</div><div class="long">Pauses media playback<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Media.html#pause" ext:member="#pause" ext:cls="Ext.Media">Media</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Media-play"></a><b><a href="source/Media.html#method-Ext.Media-play">play</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Starts or resumes media playback</div><div class="long">Starts or resumes media playback<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Media.html#play" ext:member="#play" ext:cls="Ext.Media">Media</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-query"></a><b><a href="source/Container1.html#method-Ext.lib.Container-query">query</a></b>(&nbsp;<code>String&nbsp;selector</code>&nbsp;)
    :
                                        Array<div class="mdesc"><div class="short">Retrieves all descendant components which match the passed selector.
Executes an Ext.ComponentQuery.query using this ...</div><div class="long">Retrieves all descendant components which match the passed selector.
Executes an Ext.ComponentQuery.query using this container as its root.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selector</code> : String<div class="sub-desc">Selector complying to an Ext.ComponentQuery selector</div></li></ul><strong>Returns:</strong><ul><li><code>Array</code><div class="sub-desc">Ext.Component's which matched the selector</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#query" ext:member="#query" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-relayEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-relayEvents">relayEvents</a></b>(&nbsp;<code>Object&nbsp;o</code>,&nbsp;<code>Array&nbsp;events</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Relays selected events from the specified Observable as if the events were fired by this.</div><div class="long">Relays selected events from the specified Observable as if the events were fired by <tt><b>this</b></tt>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>o</code> : Object<div class="sub-desc">The Observable whose events this object is to relay.</div></li><li><code>events</code> : Array<div class="sub-desc">Array of event names to relay.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#relayEvents" ext:member="#relayEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-remove"></a><b><a href="source/Container1.html#method-Ext.lib.Container-remove">remove</a></b>(&nbsp;<code>Component/String&nbsp;component</code>,&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;autoDestroy</code>]</span>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Removes a component from this container.  Fires the beforeremove event before removing, then fires
the remove event a...</div><div class="long">Removes a component from this container.  Fires the <a href="output/Ext.lib.Container.html#Ext.lib.Container-beforeremove" ext:member="beforeremove" ext:cls="Ext.lib.Container">beforeremove</a> event before removing, then fires
the <a href="output/Ext.lib.Container.html#Ext.lib.Container-remove" ext:member="remove" ext:cls="Ext.lib.Container">remove</a> event after the component has been removed.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>component</code> : Component/String<div class="sub-desc">The component reference or id to remove.</div></li><li><code>autoDestroy</code> : Boolean<div class="sub-desc">(optional) True to automatically invoke the removed Component's <a href="output/Ext.Component.html#Ext.Component-destroy" ext:member="destroy" ext:cls="Ext.Component">Ext.Component.destroy</a> function.
Defaults to the value of this Container's <a href="output/Ext.lib.Container.html#Ext.lib.Container-autoDestroy" ext:member="autoDestroy" ext:cls="Ext.lib.Container">autoDestroy</a> config.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">component The Component that was removed.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#remove" ext:member="#remove" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-removeAll"></a><b><a href="source/Container1.html#method-Ext.lib.Container-removeAll">removeAll</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;autoDestroy</code>]</span>&nbsp;)
    :
                                        Array<div class="mdesc"><div class="short">Removes all components from this container.</div><div class="long">Removes all components from this container.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>autoDestroy</code> : Boolean<div class="sub-desc">(optional) True to automatically invoke the removed Component's <a href="output/Ext.Component.html#Ext.Component-destroy" ext:member="destroy" ext:cls="Ext.Component">Ext.Component.destroy</a> function.
Defaults to the value of this Container's <a href="output/Ext.lib.Container.html#Ext.lib.Container-autoDestroy" ext:member="autoDestroy" ext:cls="Ext.lib.Container">autoDestroy</a> config.</div></li></ul><strong>Returns:</strong><ul><li><code>Array</code><div class="sub-desc">Array of the destroyed components</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#removeAll" ext:member="#removeAll" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-removeCls"></a><b><a href="source/Component1.html#method-Ext.lib.Component-removeCls">removeCls</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Removes a CSS class from the top level element representing this component.</div><div class="long">Removes a CSS class from the top level element representing this component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#removeCls" ext:member="#removeCls" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-removeListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-removeListener">removeListener</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Removes an event handler.</div><div class="long">Removes an event handler.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event the handler was associated with.</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope originally specified for the handler.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#removeListener" ext:member="#removeListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-removeManagedListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-removeManagedListener">removeManagedListener</a></b>(&nbsp;<code>Observable|Element&nbsp;item</code>,&nbsp;<code>Object|String&nbsp;ename</code>,&nbsp;<code>Function&nbsp;fn</code>,&nbsp;<code>Object&nbsp;scope</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Removes listeners that were added by the mon method.</div><div class="long">Removes listeners that were added by the <a href="output/Ext.util.Observable.html#Ext.util.Observable-mon" ext:member="mon" ext:cls="Ext.util.Observable">mon</a> method.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>item</code> : Observable|Element<div class="sub-desc">The item from which to remove a listener/listeners.</div></li><li><code>ename</code> : Object|String<div class="sub-desc">The event name, or an object containing event name properties.</div></li><li><code>fn</code> : Function<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
is the handler function.</div></li><li><code>scope</code> : Object<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
is the scope (<code>this</code> reference) in which the handler function is executed.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#removeManagedListener" ext:member="#removeManagedListener" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-resumeEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-resumeEvents">resumeEvents</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Resume firing events. (see suspendEvents)
If events were suspended using the queueSuspended parameter, then all
event...</div><div class="long">Resume firing events. (see <a href="output/Ext.util.Observable.html#Ext.util.Observable-suspendEvents" ext:member="suspendEvents" ext:cls="Ext.util.Observable">suspendEvents</a>)
If events were suspended using the <tt><b>queueSuspended</b></tt> parameter, then all
events fired during event suspension will be sent to any listeners now.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#resumeEvents" ext:member="#resumeEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Container-setActiveItem"></a><b><a href="source/Container.html#method-Ext.Container-setActiveItem">setActiveItem</a></b>(&nbsp;<code>Ext.Component/Number/Object&nbsp;card</code>,&nbsp;<span title="Optional" class="optional">[<code>String/Object&nbsp;cardSwitchAnimation</code>]</span>&nbsp;)
    :
                                        Ext.Container<div class="mdesc"><div class="short">Allows you to set the active card in this container. This
method is only available if the container uses a CardLayout...</div><div class="long">Allows you to set the active card in this container. This
method is only available if the container uses a CardLayout.
Note that a Carousel and TabPanel both get a CardLayout
automatically, so both of those components are able to use this method.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>card</code> : Ext.Component/Number/Object<div class="sub-desc">The card you want to be made active. A number
is interpreted as a card index. An object will be converted to a Component using the
objects xtype property, then added to the container and made active. Passing a Component
will make sure the component is a child of this container, and then make it active.</div></li><li><code>cardSwitchAnimation</code> : String/Object<div class="sub-desc">(optional) The cardSwitchAnimation used to switch between the cards.
This can be an animation type string or an animation configuration object.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Container</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Container.html#setActiveItem" ext:member="#setActiveItem" ext:cls="Ext.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-setCentered"></a><b><a href="source/Component.html#method-Ext.Component-setCentered">setCentered</a></b>(&nbsp;<code>Boolean&nbsp;centered</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Show this component centered of its parent or the window
This only applies when the component is floating.</div><div class="long">Show this component centered of its parent or the window
This only applies when the component is floating.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>centered</code> : Boolean<div class="sub-desc">True to center, false to remove centering</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setCentered" ext:member="#setCentered" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setDisabled"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setDisabled">setDisabled</a></b>(&nbsp;<code>Boolean&nbsp;disabled</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Enable or disable the component.</div><div class="long">Enable or disable the component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>disabled</code> : Boolean<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setDisabled" ext:member="#setDisabled" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setDocked"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setDocked">setDocked</a></b>()
    :
                                        Component<div class="mdesc"><div class="short">Sets the dock position of this component in its parent panel. Note that
this only has effect if this item is part of ...</div><div class="long">Sets the dock position of this component in its parent panel. Note that
this only has effect if this item is part of the dockedItems collection
of a parent that has a DockLayout (note that any Panel has a DockLayout
by default)<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setDocked" ext:member="#setDocked" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-setDraggable"></a><b><a href="source/Component.html#method-Ext.Component-setDraggable">setDraggable</a></b>(&nbsp;<code>Boolean/Mixed&nbsp;draggable</code>,&nbsp;<code>Boolean&nbsp;autoShow</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Sets a Component as draggable.</div><div class="long">Sets a Component as draggable.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>draggable</code> : Boolean/Mixed<div class="sub-desc">On first call, this can be a config object for <a href="output/Ext.util.Draggable.html" ext:cls="Ext.util.Draggable">Ext.util.Draggable</a>.
Afterwards, if set to false, the existing draggable object will be disabled</div></li><li><code>autoShow</code> : Boolean<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setDraggable" ext:member="#setDraggable" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-setFloating"></a><b><a href="source/Component.html#method-Ext.Component-setFloating">setFloating</a></b>(&nbsp;<code>Boolean&nbsp;floating</code>,&nbsp;<code>Boolean&nbsp;autoShow</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Sets a Component as floating.</div><div class="long">Sets a Component as floating.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>floating</code> : Boolean<div class="sub-desc"></div></li><li><code>autoShow</code> : Boolean<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setFloating" ext:member="#setFloating" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setHeight"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setHeight">setHeight</a></b>(&nbsp;<code>Number&nbsp;height</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Sets the height of the component.  This method fires the resize event.</div><div class="long">Sets the height of the component.  This method fires the <a href="output/Ext.lib.Component.html#Ext.lib.Component-resize" ext:member="resize" ext:cls="Ext.lib.Component">resize</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>height</code> : Number<div class="sub-desc">The new height to set. This may be one of:<div class="mdetail-params"><ul>
<li>A Number specifying the new height in the <a href="output/Ext.lib.Component.html#Ext.lib.Component-getEl" ext:member="getEl" ext:cls="Ext.lib.Component">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
<li>A String used to set the CSS height style.</li>
<li><i>undefined</i> to leave the height unchanged.</li>
</ul></div></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setHeight" ext:member="#setHeight" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setLoading"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setLoading">setLoading</a></b>(&nbsp;<code>Boolean/Object&nbsp;load</code>,&nbsp;<code>Boolean&nbsp;targetEl</code>&nbsp;)
    :
                                        Ext.LoadMask<div class="mdesc"><div class="short">This method allows you to show or hide a LoadMask on top of this component.</div><div class="long">This method allows you to show or hide a LoadMask on top of this component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>load</code> : Boolean/Object<div class="sub-desc">True to show the default LoadMask or a config object
that will be passed to the LoadMask constructor. False to hide the current LoadMask.</div></li><li><code>targetEl</code> : Boolean<div class="sub-desc">True to mask the targetEl of this Component instead of the this.el.
For example, setting this to true on a Panel will cause only the body to be masked. (defaults to false)</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.LoadMask</code><div class="sub-desc">The LoadMask instance that has just been shown.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setLoading" ext:member="#setLoading" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-setOrientation"></a><b><a href="source/Component.html#method-Ext.Component-setOrientation">setOrientation</a></b>(&nbsp;<code>String&nbsp;orientation</code>,&nbsp;<code>Number/String&nbsp;width</code>,&nbsp;<code>Number/String&nbsp;height</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Sets the orientation for the Panel.</div><div class="long">Sets the orientation for the Panel.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>orientation</code> : String<div class="sub-desc">'landscape' or 'portrait'</div></li><li><code>width</code> : Number/String<div class="sub-desc">New width of the Panel.</div></li><li><code>height</code> : Number/String<div class="sub-desc">New height of the Panel.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setOrientation" ext:member="#setOrientation" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setPosition"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setPosition">setPosition</a></b>(&nbsp;<code>Number&nbsp;left</code>,&nbsp;<code>Number&nbsp;top</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Sets the left and top of the component.  To set the page XY position instead, use setPagePosition.
This method fires ...</div><div class="long">Sets the left and top of the component.  To set the page XY position instead, use <a href="output/Ext.lib.Component.html#Ext.lib.Component-setPagePosition" ext:member="setPagePosition" ext:cls="Ext.lib.Component">setPagePosition</a>.
This method fires the <a href="output/Ext.lib.Component.html#Ext.lib.Component-move" ext:member="move" ext:cls="Ext.lib.Component">move</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>left</code> : Number<div class="sub-desc">The new left</div></li><li><code>top</code> : Number<div class="sub-desc">The new top</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setPosition" ext:member="#setPosition" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-setScrollable"></a><b><a href="source/Component.html#method-Ext.Component-setScrollable">setScrollable</a></b>(&nbsp;<code>Mixed&nbsp;config</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Sets a Component as scrollable.</div><div class="long">Sets a Component as scrollable.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Mixed<div class="sub-desc">Acceptable values are a Ext.Scroller configuration, 'horizontal', 'vertical', 'both', and false</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#setScrollable" ext:member="#setScrollable" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setSize"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setSize">setSize</a></b>(&nbsp;<code>Mixed&nbsp;width</code>,&nbsp;<code>Mixed&nbsp;height</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Sets the width and height of this Component. This method fires the resize event. This method can accept
either width ...</div><div class="long">Sets the width and height of this Component. This method fires the <a href="output/Ext.lib.Component.html#Ext.lib.Component-resize" ext:member="resize" ext:cls="Ext.lib.Component">resize</a> event. This method can accept
either width and height as separate arguments, or you can pass a size object like <code>{width:10, height:20}</code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>width</code> : Mixed<div class="sub-desc">The new width to set. This may be one of:<div class="mdetail-params"><ul>
<li>A Number specifying the new width in the <a href="output/Ext.lib.Component.html#Ext.lib.Component-getEl" ext:member="getEl" ext:cls="Ext.lib.Component">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
<li>A String used to set the CSS width style.</li>
<li>A size object in the format <code>{width: widthValue, height: heightValue}</code>.</li>
<li><code>undefined</code> to leave the width unchanged.</li>
</ul></div></div></li><li><code>height</code> : Mixed<div class="sub-desc">The new height to set (not required if a size object is passed as the first arg).
This may be one of:<div class="mdetail-params"><ul>
<li>A Number specifying the new height in the <a href="output/Ext.lib.Component.html#Ext.lib.Component-getEl" ext:member="getEl" ext:cls="Ext.lib.Component">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
<li>A String used to set the CSS height style. Animation may <b>not</b> be used.</li>
<li><code>undefined</code> to leave the height unchanged.</li>
</ul></div></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setSize" ext:member="#setSize" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setVisible"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setVisible">setVisible</a></b>(&nbsp;<code>Boolean&nbsp;visible</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Convenience function to hide or show this component by boolean.</div><div class="long">Convenience function to hide or show this component by boolean.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>visible</code> : Boolean<div class="sub-desc">True to show, false to hide</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setVisible" ext:member="#setVisible" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-setWidth"></a><b><a href="source/Component1.html#method-Ext.lib.Component-setWidth">setWidth</a></b>(&nbsp;<code>Number&nbsp;width</code>&nbsp;)
    :
                                        Ext.Component<div class="mdesc"><div class="short">Sets the width of the component.  This method fires the resize event.</div><div class="long">Sets the width of the component.  This method fires the <a href="output/Ext.lib.Component.html#Ext.lib.Component-resize" ext:member="resize" ext:cls="Ext.lib.Component">resize</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>width</code> : Number<div class="sub-desc">The new width to setThis may be one of:<div class="mdetail-params"><ul>
<li>A Number specifying the new width in the <a href="output/Ext.lib.Component.html#Ext.lib.Component-getEl" ext:member="getEl" ext:cls="Ext.lib.Component">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
<li>A String used to set the CSS width style.</li>
</ul></div></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#setWidth" ext:member="#setWidth" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-show"></a><b><a href="source/Component.html#method-Ext.Component-show">show</a></b>(&nbsp;<span title="Optional" class="optional">[<code>Object/String/Boolean&nbsp;animation</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Show the component.</div><div class="long">Show the component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>animation</code> : Object/String/Boolean<div class="sub-desc">(optional) Defaults to false.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#show" ext:member="#show" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-showBy"></a><b><a href="source/Component.html#method-Ext.Component-showBy">showBy</a></b>(&nbsp;<code>Mixed&nbsp;alignTo</code>,&nbsp;<code>Object/String/Boolean&nbsp;animation</code>,&nbsp;<code>Boolean&nbsp;allowOnSide</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Show this component relative another component or element.</div><div class="long">Show this component relative another component or element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>alignTo</code> : Mixed<div class="sub-desc">Element or Component</div></li><li><code>animation</code> : Object/String/Boolean<div class="sub-desc"></div></li><li><code>allowOnSide</code> : Boolean<div class="sub-desc">true to allow this element to be aligned on the left or right.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#showBy" ext:member="#showBy" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-suspendEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-suspendEvents">suspendEvents</a></b>(&nbsp;<code>Boolean&nbsp;queueSuspended</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Suspend the firing of all events. (see resumeEvents)</div><div class="long">Suspend the firing of all events. (see <a href="output/Ext.util.Observable.html#Ext.util.Observable-resumeEvents" ext:member="resumeEvents" ext:cls="Ext.util.Observable">resumeEvents</a>)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>queueSuspended</code> : Boolean<div class="sub-desc">Pass as true to queue up suspended events to be fired
after the <a href="output/Ext.util.Observable.html#Ext.util.Observable-resumeEvents" ext:member="resumeEvents" ext:cls="Ext.util.Observable">resumeEvents</a> call instead of discarding all suspended events;</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#suspendEvents" ext:member="#suspendEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Media-toggle"></a><b><a href="source/Media.html#method-Ext.Media-toggle">toggle</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Toggles the media playback state</div><div class="long">Toggles the media playback state<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Media.html#toggle" ext:member="#toggle" ext:cls="Ext.Media">Media</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.util.Observable-un"></a><b><a href="source/Observable.html#method-Ext.util.Observable-un">un</a></b>(&nbsp;<code>String&nbsp;eventName</code>,&nbsp;<code>Function&nbsp;handler</code>,&nbsp;<span title="Optional" class="optional">[<code>Object&nbsp;scope</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Removes an event handler (shorthand for removeListener.)</div><div class="long">Removes an event handler (shorthand for <a href="output/Ext.util.Observable.html#Ext.util.Observable-removeListener" ext:member="removeListener" ext:cls="Ext.util.Observable">removeListener</a>.)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event the handler was associated with.</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope originally specified for the handler.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#un" ext:member="#un" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-update"></a><b><a href="source/Component1.html#method-Ext.lib.Component-update">update</a></b>(&nbsp;<code>Mixed&nbsp;htmlOrData</code>,&nbsp;<span title="Optional" class="optional">[<code>Boolean&nbsp;loadScripts</code>]</span>,&nbsp;<span title="Optional" class="optional">[<code>Function&nbsp;callback</code>]</span>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Update the content area of a component.</div><div class="long">Update the content area of a component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>htmlOrData</code> : Mixed<div class="sub-desc">If this component has been configured with a template via the tpl config
then it will use this argument as data to populate the template.
If this component was not configured with a template, the components
content area will be updated via Ext.Element update</div></li><li><code>loadScripts</code> : Boolean<div class="sub-desc">(optional) Only legitimate when using the html configuration. Defaults to false</div></li><li><code>callback</code> : Function<div class="sub-desc">(optional) Only legitimate when using the html configuration. Callback to execute when scripts have finished loading</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#update" ext:member="#update" ext:cls="Ext.lib.Component">Component</a></td></tr></tbody></table><a id="Ext.Audio-events"></a><h2>Public Events</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Event</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-activate"></a><b><a href="source/Component1.html#event-Ext.lib.Component-activate">activate</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after a Component has been visually activated.</div><div class="long">Fires after a Component has been visually activated.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#activate" ext:member="#activate" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-add"></a><b><a href="source/Container1.html#event-Ext.lib.Container-add">add</a></b> :
                                      (&nbsp;<code>Ext.Container&nbsp;this</code>,&nbsp;<code>Ext.Component&nbsp;component</code>,&nbsp;<code>Number&nbsp;index</code>&nbsp;)
    <div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Container<div class="sub-desc"></div></li><li><code>component</code> : Ext.Component<div class="sub-desc">The component that was added</div></li><li><code>index</code> : Number<div class="sub-desc">The index at which the component was added to the container's items collection</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#add" ext:member="#add" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-added"></a><b><a href="source/Component1.html#event-Ext.lib.Component-added">added</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Ext.Container&nbsp;container</code>,&nbsp;<code>Number&nbsp;pos</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after a Component had been added to a Container.</div><div class="long">Fires after a Component had been added to a Container.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>container</code> : Ext.Container<div class="sub-desc">Parent Container</div></li><li><code>pos</code> : Number<div class="sub-desc">position of Component</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#added" ext:member="#added" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-afterlayout"></a><b><a href="source/Container1.html#event-Ext.lib.Container-afterlayout">afterlayout</a></b> :
                                      (&nbsp;<code>Ext.Container&nbsp;this</code>,&nbsp;<code>ContainerLayout&nbsp;layout</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires when the components in this container are arranged by the associated layout manager.</div><div class="long">Fires when the components in this container are arranged by the associated layout manager.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Container<div class="sub-desc"></div></li><li><code>layout</code> : ContainerLayout<div class="sub-desc">The ContainerLayout implementation for this container</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#afterlayout" ext:member="#afterlayout" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-afterrender"></a><b><a href="source/Component1.html#event-Ext.lib.Component-afterrender">afterrender</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component rendering is finished.
The afterrender event is fired after this Component has been rendere...</div><div class="long"><p>Fires after the component rendering is finished.</p>
<p>The afterrender event is fired after this Component has been <a href="output/Ext.lib.Component.html#Ext.lib.Component-rendered" ext:member="rendered" ext:cls="Ext.lib.Component">rendered</a>, been postprocesed
by any afterRender method defined for the Component, and, if <a href="output/Ext.lib.Component.html#Ext.lib.Component-stateful" ext:member="stateful" ext:cls="Ext.lib.Component">stateful</a>, after state
has been restored.</p><div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#afterrender" ext:member="#afterrender" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-beforeactivate"></a><b><a href="source/Component1.html#event-Ext.lib.Component-beforeactivate">beforeactivate</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before a Component has been visually activated.
Returning false from an event listener can prevent the activate...</div><div class="long">Fires before a Component has been visually activated.
Returning false from an event listener can prevent the activate
from occurring.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#beforeactivate" ext:member="#beforeactivate" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-beforeadd"></a><b><a href="source/Container1.html#event-Ext.lib.Container-beforeadd">beforeadd</a></b> :
                                      (&nbsp;<code>Ext.Container&nbsp;this</code>,&nbsp;<code>Ext.Component&nbsp;component</code>,&nbsp;<code>Number&nbsp;index</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before any Ext.Component is added or inserted into the container.
A handler can return false to cancel the add.</div><div class="long">Fires before any <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a> is added or inserted into the container.
A handler can return false to cancel the add.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Container<div class="sub-desc"></div></li><li><code>component</code> : Ext.Component<div class="sub-desc">The component being added</div></li><li><code>index</code> : Number<div class="sub-desc">The index at which the component will be added to the container's items collection</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#beforeadd" ext:member="#beforeadd" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-beforecardswitch"></a><b><a href="source/Container1.html#event-Ext.lib.Container-beforecardswitch">beforecardswitch</a></b> :
                                      (&nbsp;<code>Ext.Container&nbsp;this</code>,&nbsp;<code>Ext.Component&nbsp;newCard</code>,&nbsp;<code>Ext.Component&nbsp;oldCard</code>,&nbsp;<code>Number&nbsp;index</code>,&nbsp;<code>Boolean&nbsp;animated</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before this container switches the active card. This event
is only available if this container uses a CardLayou...</div><div class="long">Fires before this container switches the active card. This event
is only available if this container uses a CardLayout. Note that
TabPanel and Carousel both get a CardLayout by default, so both
will have this event.
A handler can return false to cancel the card switch.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Container<div class="sub-desc"></div></li><li><code>newCard</code> : Ext.Component<div class="sub-desc">The card that will be switched to</div></li><li><code>oldCard</code> : Ext.Component<div class="sub-desc">The card that will be switched from</div></li><li><code>index</code> : Number<div class="sub-desc">The index of the card that will be switched to</div></li><li><code>animated</code> : Boolean<div class="sub-desc">True if this cardswitch will be animated</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#beforecardswitch" ext:member="#beforecardswitch" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-beforedeactivate"></a><b><a href="source/Component1.html#event-Ext.lib.Component-beforedeactivate">beforedeactivate</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before a Component has been visually deactivated.
Returning false from an event listener can prevent the deacti...</div><div class="long">Fires before a Component has been visually deactivated.
Returning false from an event listener can prevent the deactivate
from occurring.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#beforedeactivate" ext:member="#beforedeactivate" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-beforedestroy"></a><b><a href="source/Component1.html#event-Ext.lib.Component-beforedestroy">beforedestroy</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before the component is destroyed. Return false from an event handler to stop the destroy.</div><div class="long">Fires before the component is <a href="output/Ext.lib.Component.html#Ext.lib.Component-destroy" ext:member="destroy" ext:cls="Ext.lib.Component">destroy</a>ed. Return false from an event handler to stop the <a href="output/Ext.lib.Component.html#Ext.lib.Component-destroy" ext:member="destroy" ext:cls="Ext.lib.Component">destroy</a>.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#beforedestroy" ext:member="#beforedestroy" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-beforehide"></a><b><a href="source/Component1.html#event-Ext.lib.Component-beforehide">beforehide</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before the component is hidden when calling the hide method.
Return false from an event handler to stop the hid...</div><div class="long">Fires before the component is hidden when calling the <a href="output/Ext.lib.Component.html#Ext.lib.Component-hide" ext:member="hide" ext:cls="Ext.lib.Component">hide</a> method.
Return false from an event handler to stop the hide.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#beforehide" ext:member="#beforehide" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-beforeorientationchange"></a><b><a href="source/Component.html#event-Ext.Component-beforeorientationchange">beforeorientationchange</a></b> :
                                      (&nbsp;<code>Ext.Panel&nbsp;this</code>,&nbsp;<code>String&nbsp;orientation</code>,&nbsp;<code>Number&nbsp;width</code>,&nbsp;<code>Number&nbsp;height</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before the orientation changes, if the monitorOrientation
configuration is set to true. Return false to stop th...</div><div class="long">Fires before the orientation changes, if the monitorOrientation
configuration is set to true. Return false to stop the orientation change.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Panel<div class="sub-desc"></div></li><li><code>orientation</code> : String<div class="sub-desc">'landscape' or 'portrait'</div></li><li><code>width</code> : Number<div class="sub-desc"></div></li><li><code>height</code> : Number<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#beforeorientationchange" ext:member="#beforeorientationchange" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-beforeremove"></a><b><a href="source/Container1.html#event-Ext.lib.Container-beforeremove">beforeremove</a></b> :
                                      (&nbsp;<code>Ext.Container&nbsp;this</code>,&nbsp;<code>Ext.Component&nbsp;component</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before any Ext.Component is removed from the container.  A handler can return
false to cancel the remove.</div><div class="long">Fires before any <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a> is removed from the container.  A handler can return
false to cancel the remove.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Container<div class="sub-desc"></div></li><li><code>component</code> : Ext.Component<div class="sub-desc">The component being removed</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#beforeremove" ext:member="#beforeremove" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-beforerender"></a><b><a href="source/Component1.html#event-Ext.lib.Component-beforerender">beforerender</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before the component is rendered. Return false from an
event handler to stop the render.</div><div class="long">Fires before the component is <a href="output/Ext.lib.Component.html#Ext.lib.Component-rendered" ext:member="rendered" ext:cls="Ext.lib.Component">rendered</a>. Return false from an
event handler to stop the <a href="output/Ext.lib.Component.html#Ext.lib.Component-render" ext:member="render" ext:cls="Ext.lib.Component">render</a>.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#beforerender" ext:member="#beforerender" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-beforeshow"></a><b><a href="source/Component1.html#event-Ext.lib.Component-beforeshow">beforeshow</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires before the component is shown when calling the show method.
Return false from an event handler to stop the show...</div><div class="long">Fires before the component is shown when calling the <a href="output/Ext.lib.Component.html#Ext.lib.Component-show" ext:member="show" ext:cls="Ext.lib.Component">show</a> method.
Return false from an event handler to stop the show.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#beforeshow" ext:member="#beforeshow" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-cardswitch"></a><b><a href="source/Container1.html#event-Ext.lib.Container-cardswitch">cardswitch</a></b> :
                                      (&nbsp;<code>Ext.Container&nbsp;this</code>,&nbsp;<code>Ext.Component&nbsp;newCard</code>,&nbsp;<code>Ext.Component&nbsp;oldCard</code>,&nbsp;<code>Number&nbsp;index</code>,&nbsp;<code>Boolean&nbsp;animated</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after this container switches the active card. If the card
is switched using an animation, this event will fire...</div><div class="long">Fires after this container switches the active card. If the card
is switched using an animation, this event will fire after the
animation has finished. This event is only available if this container
uses a CardLayout. Note that TabPanel and Carousel both get a CardLayout
by default, so both will have this event.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Container<div class="sub-desc"></div></li><li><code>newCard</code> : Ext.Component<div class="sub-desc">The card that has been switched to</div></li><li><code>oldCard</code> : Ext.Component<div class="sub-desc">The card that has been switched from</div></li><li><code>index</code> : Number<div class="sub-desc">The index of the card that has been switched to</div></li><li><code>animated</code> : Boolean<div class="sub-desc">True if this cardswitch was animated</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#cardswitch" ext:member="#cardswitch" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-deactivate"></a><b><a href="source/Component1.html#event-Ext.lib.Component-deactivate">deactivate</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after a Component has been visually deactivated.</div><div class="long">Fires after a Component has been visually deactivated.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#deactivate" ext:member="#deactivate" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-destroy"></a><b><a href="source/Component1.html#event-Ext.lib.Component-destroy">destroy</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is destroyed.</div><div class="long">Fires after the component is <a href="output/Ext.lib.Component.html#Ext.lib.Component-destroy" ext:member="destroy" ext:cls="Ext.lib.Component">destroy</a>ed.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#destroy" ext:member="#destroy" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-disable"></a><b><a href="source/Component1.html#event-Ext.lib.Component-disable">disable</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is disabled.</div><div class="long">Fires after the component is disabled.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#disable" ext:member="#disable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-enable"></a><b><a href="source/Component1.html#event-Ext.lib.Component-enable">enable</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is enabled.</div><div class="long">Fires after the component is enabled.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#enable" ext:member="#enable" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-hide"></a><b><a href="source/Component1.html#event-Ext.lib.Component-hide">hide</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is hidden.
Fires after the component is hidden when calling the hide method.</div><div class="long">Fires after the component is hidden.
Fires after the component is hidden when calling the <a href="output/Ext.lib.Component.html#Ext.lib.Component-hide" ext:member="hide" ext:cls="Ext.lib.Component">hide</a> method.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#hide" ext:member="#hide" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-move"></a><b><a href="source/Component1.html#event-Ext.lib.Component-move">move</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Number&nbsp;x</code>,&nbsp;<code>Number&nbsp;y</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is moved.</div><div class="long">Fires after the component is moved.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>x</code> : Number<div class="sub-desc">The new x position</div></li><li><code>y</code> : Number<div class="sub-desc">The new y position</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#move" ext:member="#move" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-orientationchange"></a><b><a href="source/Component.html#event-Ext.Component-orientationchange">orientationchange</a></b> :
                                      (&nbsp;<code>Ext.Panel&nbsp;this</code>,&nbsp;<code>String&nbsp;orientation</code>,&nbsp;<code>Number&nbsp;width</code>,&nbsp;<code>Number&nbsp;height</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires when the orientation changes, if the monitorOrientation
configuration is set to true.</div><div class="long">Fires when the orientation changes, if the monitorOrientation
configuration is set to true.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Panel<div class="sub-desc"></div></li><li><code>orientation</code> : String<div class="sub-desc">'landscape' or 'portrait'</div></li><li><code>width</code> : Number<div class="sub-desc"></div></li><li><code>height</code> : Number<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#orientationchange" ext:member="#orientationchange" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Container-remove"></a><b><a href="source/Container1.html#event-Ext.lib.Container-remove">remove</a></b> :
                                      (&nbsp;<code>Ext.Container&nbsp;this</code>,&nbsp;<code>Ext.Component&nbsp;component</code>&nbsp;)
    <div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Container<div class="sub-desc"></div></li><li><code>component</code> : Ext.Component<div class="sub-desc">The component that was removed</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Container.html#remove" ext:member="#remove" ext:cls="Ext.lib.Container">Container</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-removed"></a><b><a href="source/Component1.html#event-Ext.lib.Component-removed">removed</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Ext.Container&nbsp;ownerCt</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires when a component is removed from an Ext.Container</div><div class="long">Fires when a component is removed from an Ext.Container<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>ownerCt</code> : Ext.Container<div class="sub-desc">Container which holds the component</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#removed" ext:member="#removed" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-render"></a><b><a href="source/Component1.html#event-Ext.lib.Component-render">render</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component markup is rendered.</div><div class="long">Fires after the component markup is <a href="output/Ext.lib.Component.html#Ext.lib.Component-rendered" ext:member="rendered" ext:cls="Ext.lib.Component">rendered</a>.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#render" ext:member="#render" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-resize"></a><b><a href="source/Component1.html#event-Ext.lib.Component-resize">resize</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>,&nbsp;<code>Number&nbsp;adjWidth</code>,&nbsp;<code>Number&nbsp;adjHeight</code>,&nbsp;<code>Number&nbsp;rawWidth</code>,&nbsp;<code>Number&nbsp;rawHeight</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is resized.</div><div class="long">Fires after the component is resized.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>adjWidth</code> : Number<div class="sub-desc">The box-adjusted width that was set</div></li><li><code>adjHeight</code> : Number<div class="sub-desc">The box-adjusted height that was set</div></li><li><code>rawWidth</code> : Number<div class="sub-desc">The width that was originally specified</div></li><li><code>rawHeight</code> : Number<div class="sub-desc">The height that was originally specified</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#resize" ext:member="#resize" ext:cls="Ext.lib.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.lib.Component-show"></a><b><a href="source/Component1.html#event-Ext.lib.Component-show">show</a></b> :
                                      (&nbsp;<code>Ext.Component&nbsp;this</code>&nbsp;)
    <div class="mdesc"><div class="short">Fires after the component is shown when calling the show method.</div><div class="long">Fires after the component is shown when calling the <a href="output/Ext.lib.Component.html#Ext.lib.Component-show" ext:member="show" ext:cls="Ext.lib.Component">show</a> method.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.lib.Component.html#show" ext:member="#show" ext:cls="Ext.lib.Component">Component</a></td></tr></tbody></table></div>